<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix='fn' uri='http://java.sun.com/jsp/jstl/functions'%>
<c:choose>
	<c:when test="${empty sachantSession}">
		<p class="error">Vous n'avez pas les droits suffisant pour
			afficher cette page</p>
	</c:when>
	<c:otherwise>
		<c:choose>
			<c:when test="${not empty qcm}">
				<!-- Si le qcm n'est pas vide -->

				<form class="formulaire" action="AffecterQuestionQCM?action=desaffecter&idQCM=${qcm.id}" method="post">
					<h4>Liste des questions du qcm : ${qcm.libelle}</h4>
					<c:choose>
						<c:when
							test="${not empty qcm.listeQuestions && fn:length(qcm.listeQuestions) > 0}">
							<!-- on affiche la liste des questions du qcm -->
							<table>
								<!-- variable qui servira d'index -->
								<c:set var="index" value="1" />
								<c:forEach var="question" items="${qcm.listeQuestions}">
									<tr>
										<td width="3%">${index}</td>
										<td width="3%">
											<!-- pour la suppression -->
											<input type="checkbox" id="question${question.id}" value="${question.id}" name="question" />
										</td>
										<td width="80%"><span class="affichageQuestionOuProposition">${question.libelle}</span></td>
										<td width="14%">${not empty question.listePropositions?fn:length(question.listePropositions):'0'} proposition(s)
										</td>
									</tr>
									<!-- On incrémente l'index -->
									<c:set var="index" value="${index+1}" />
								</c:forEach>
							</table>
							<input type="submit" class="btn btnSuivant" value="Désaffecter"/>
						</c:when>
						<c:otherwise>
							<!-- le qcm ne contient pas de questions -->
							<p>Le qcm ne contient aucune question</p>
						</c:otherwise>
					</c:choose>
					</form>
					<br/>
					<form class="formulaire" action="AffecterQuestionQCM?action=affecter&idQCM=${qcm.id}" method="post">
					<h4> Vous pouvez ajouter une question dans le(s) chapitre(s) suivant : </h4>
					<!-- On affiche les chapitres avec la liste de leurs questions -->
					<c:choose>
						<c:when test="${not empty listeChapitres}">
								<c:forEach var="chapitre" items="${listeChapitres}">
									<h5><u>${chapitre.nom}</u></h5>
									<table>
										<!-- variable qui servira d'index -->
										<c:set var="index" value="1" />
										<c:forEach var="question" items="${listeChapitresEtQuestions.get(chapitre) }">
										<c:if test="${!qcm.listeQuestions.contains(question)}">
											<tr>
												<td width="3%">${index}</td>
												<td width="3%">
													<!-- pour la suppression -->
													<input ${qcm.listeQuestions.contains(question)?'disabled="disabled"':'' } type="checkbox" id="question${question.id}" value="${question.id}" name="question" />
												</td>
												<td width="80%"><span class="affichageQuestionOuProposition">${question.libelle}</span></td>
												<td width="14%">${not empty question.listePropositions?fn:length(question.listePropositions):'0'} proposition(s)
												</td>
											</tr>
											<!-- On incrémente l'index -->
											<c:set var="index" value="${index+1}" />
										</c:if>
									</c:forEach>
									<c:if test="${index == 1 }">
										<tr>
											<td>Aucune question</td>
										</tr>
									</c:if>
									</table>
									<br/>
								</c:forEach>
						</c:when>
						<c:otherwise>
							<p>Ce qcm n'est affecté a aucun chapitre</p>
						</c:otherwise>
					</c:choose>		
					<input type="submit" class="btn btnSuivant" value="Ajouter" />
					<br/>
					<input type="button" style="clear:both"class="btn btnSuivant" onClick="location.replace('AfficherQCM')" value="Terminer"/>
				</form>
			</c:when>
			<c:otherwise>
				<span class="error">Le qcm n'est plus en session</span>
			</c:otherwise>
		</c:choose>
	</c:otherwise>
</c:choose>